<!--新增弹窗 开始-->
<div class="modal fade" aria-labelledby="myModalLabel" aria-hidden="true" id="synonymManagementDetals" *ngIf="initService.init&&details">
  <div class="modal-dialog modal-lg modal-dialog-centered">
      <div class="modal-content">
          <!-- 模态框头部 -->
          <div class="modal-header">
              <h4 class="modal-title">同义词管理 - {{ details.name }}</h4>
              <button type="button" class="close" data-dismiss="modal" (click)="_initAdd()">&times;</button>
          </div>

          <!-- 模态框主体  -->
          <div class="modal-body">

              <div class="container">
                  <div class="row txtTitle">
                      <app-trial-synonym-autocomplate [themeWordsId]="details.themeWordsId" (onSubmit)="getSynonymGroupList()"></app-trial-synonym-autocomplate>
                      <button class="btn btn-search btn-blue">查询</button>
                  </div>
                  <div class="table-thead">
                      <table class="tableStyle table table-hover table-striped">
                          <thead>
                              <tr>
                                  <th class="bs-checkbox w10 text-center">选择</th>
                                  <th class="w40 text-left max-w">同义词名称</th>
                                  <th class="w10 text-left">操作</th>
                              </tr>
                          </thead>
                      </table>
                  </div>
                  <div class="table-tbody" style="border: 1px solid rgba(0,0,0,0.1);height:360px;">
                      <table class="tableStyle table table-hover table-striped">
                          <tbody>
                              <tr *ngFor="let val of tabDetailVal;let i = index">
                                  <td class="bs-checkbox w10 text-center">
                                      <input type="radio" name="themeWordsId" #event (click)="_chose(val)"
                                          [checked]="val.status">
                                  </td>
                                  <td class="w40 text-left max-w">{{val.themeWordsName}}</td>
                                  <td class="w10 text-left max-w">  
                                      <span class="tableOperationText" data-toggle="modal" data-target="#synonymDelete" (click)="onDeleteConfirm(val.id)">删除</span>
                                  </td>
                              </tr>

                          </tbody>
                      </table>
                  </div>
              </div>
          </div>
          <!-- 模态框底部 -->
          <div class="modal-footer" style="width:100%;">
              <button type="button" class="btn btn-default" data-dismiss="modal" (click)="_initAdd()">关闭</button>
              <button type="submit" class="btn btn-primary" data-toggle="modal" [disabled]="isDisabled" (click)="_setMainSynonyStatus()">设为主同义词</button>
          </div>
      </div>
  </div>
</div>
<!--新增弹窗 结束-->

<!--删除 开始-->
<div class="modal fade bd-example-modal-sm" tabindex="-1" role="dialog" data-keyboard="false" data-backdrop="static" aria-labelledby="myModalLabel" aria-hidden="true" id="synonymDelete">
    <div class="modal-dialog delete-modal modal-sm modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title text-center">删除提示</h4></div>
            <div class="modal-body text-center">
                <p class="delete-prompt">请确认是否删除！</p></div>
            <div class="modal-footer" style="width: 100%;">
                <button type="button" class="btn btn-default" data-dismiss="modal" (click)="_clearId()">取消</button>
                <button type="button" class="btn btn-primary" data-dismiss="modal" (click)="_deleteSynonymGroup()" >确定</button>
            </div>
        </div>
    </div>
</div>
<!--删除 结束-->